<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AyoudaMe | Settings</title>

<!-- start styles css -->

<link type="text/css" href="<?php echo base_url()?>assets/css/base/jquery.ui.all.css" rel="stylesheet" />
<link type="text/css" rel="stylesheet" href="<?php echo base_url()?>assets/css/adminz.styles.css" />
<link type="text/css" rel="stylesheet" href="<?php echo base_url()?>assets/css/grey.styles.css" />
<link rel="stylesheet" href="<?php echo base_url()?>assets/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<link rel="stylesheet" href="<?php echo base_url()?>assets/css/table.styles.css" type="text/css" media="print, projection, screen" />
 <!-- begin chart styles -->
 <link href="<?php echo base_url()?>assets/css/visualize.css" type="text/css" rel="stylesheet" />	
 <link href="<?php echo base_url()?>assets/css/visualize-light.css" type="text/css" rel="stylesheet" /><!-- end chart css -->

 <link rel="stylesheet" href="<?php echo base_url()?>assets/css/jquery.wysiwyg.css" type="text/css" />
 <link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url()?>assets/css/jquery.selectbox.css" />
 
<!--[if IE 8]>
<link type="text/css" rel="stylesheet" href="<?php echo base_url()?>assets/css/ie8.css" />
<![endif]-->
<!--[if IE 7]>
<link type="text/css" rel="stylesheet" href="<?php echo base_url()?>assets/css/ie7.css" />
<![endif]-->
<!-- end styles css -->

<!-- begin javascripts -->
 <script language="javascript" src="<?php echo base_url()?>assets/js/jquery.min.js" type="text/javascript"></script>
 <script src="<?php echo base_url()?>assets/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.ui.core.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.ui.widget.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.ui.mouse.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.ui.sortable.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.tablesorter.min.js"></script>
 <!-- begin tabs scripts -->
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/chili-1.8b.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.cookie.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.ui.tabs.js"></script><!-- end tabs scripts -->

 <!-- begin chart scripts -->
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/excanvas.js"></script>	
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/visualize.jquery.js"></script><!-- end chart scripts -->
 
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.wysiwyg.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.selectbox-0.6.1.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.ui.datepicker.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.ui.progressbar.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.ui.slider.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.scrollbar.js"></script>
 <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.custom.js"></script>
 	<script type="text/javascript">
//subnav top menu
$(document).ready(function(){
						   
	$("#top_menu_content li a").hover(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("subhover");//On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover");//On hover out, remove class "subhover"
	});

});
	$(function() {
		$("#tabs").tabs({
			cookie: {
				// store cookie for a day, without, it would be a session cookie
				expires: 1
			}
		});
	});
	</script><!-- end javascripts -->
    
</head>

<body>
<?php 
//User general Information
    $userName                       = ''; 
    $userEmail                      = '';
    $userPseudo                     = '';
    $useravatar                     = '';
    $userLocation                   = '';
    $userHasPage                    = '';
    $aboutUser                      = '';
    $userLang                       = '';
//Settings Information

?>
<?php 
//User general Information
    if (isset ($userInfo)):  foreach($userInfo as $row): 
        $userName           = $row->user_name;    
        $userEmail          = $row->user_email;
        $userPseudo         = $row->user_pseudo;
        $userLang           = $row->user_lang;
        $useravatar         = $row->user_avatar;
        $userLocation       = $row->user_location;
        $userHasPage        = $row->user_has_page;
	$aboutUser			= $row->user_description;
     endforeach;
     endif; 
 ?>
    
<!-- start top menu -->
<div id="top_menu">
<div id="top_menu_content">

<!-- start logo -->
<img src="<?php echo base_url()?>assets/img/adminz/logo.png" width="160" height="42" alt="adminz" class="float_left margin_10_0" /><!-- end logo -->

<!-- start menu -->
<ul>
    <li><?php echo anchor('user','Dashboard');?></li>
    <li><?php echo anchor('user/pages','Pages');?>
        <ul class="subnav">
            <li><?php echo anchor('user/pages/create_new','Create New');?></li>
        </ul>
    </li>
    <li><?php echo anchor('user/donations','Donations');?></li>
    <li class="current"><?php echo anchor('user/settings','Settings');?></li>
    <li><?php echo anchor('user/help','Help');?></li>
</ul><!-- end menu -->

<div class="float_right margin_0_20">
	<a href="dashboard.html"><img src="<?php echo base_url()?>assets/img/adminz/settings.png" width="24" height="24" alt="settings" /></a><br />
<a href="../../user/logout"><img src="<?php echo base_url()?>assets/img/adminz/logout.png" width="24" height="24" alt="logout" /></a>
</div>
		<div id="top_menu_info">
			<img src="<?php echo base_url()?>assets/img/adminz/avatar.png" width="32" height="32" alt="avatar" /><br />
			Hello, <?php echo $userName ?></div>
		</div>
	<div id="top_menu_button" class="down_arrow corners_bottom">&nbsp;</div>
</div><!-- end top menu -->

<!-- start container -->
<div class="container">

<!-- start column -->
<div class="column" style=" float:left; width:49%;">
	<!-- start forms panel -->
	<div class="panel corners">
    	<!-- start title -->
		<div class="title corners_top"><h6>Personnal Information</h6></div><!-- end title -->
        <!-- start content -->
		<div class="content">
                
<?php echo form_fieldset('Personnal Information'); ?>
                <?php 
                    $form_attributes = array('id' => 'loginForm');
                    echo form_open_multipart('user/settings/modify_settings', $form_attributes);  
                ?>
                           
        <?php echo form_label('What is your Name', 'user_name'); ?><br />
        
            <?php 
                $input_data = array ('name' => 'user_name' , 'value' => $userName, 'class' => 'large_input corners');
                echo form_input($input_data);
            ?>
<br />
                <div class="nodisplay" id="nameInfo"></div>
                <?php echo form_label('Email Address', 'email_address'); ?><br />        
            <?php 
                $input_data = array ('name' => 'email_address' , 'value' => $userEmail, 'class' => 'large_input corners');
                echo form_input($input_data );
            ?><br />
                <?php echo form_label('Langage', 'user_lang'); ?><br />        
            <?php 
                $input_data = array ('name' => 'user_lang' , 'value' => $userLang, 'class' => 'small_input corners');
                echo form_input($input_data );
            ?><br />            
		<?php echo form_label('Address', 'Address'); ?><br />        
            <?php 
                $input_data = array ('name' => 'address' , 'value' => $userLocation, 'class' => 'large_input corners');
                echo form_input($input_data);
            ?><br />
		<?php echo form_label('About', 'about'); ?><br />        
            <?php 
                $input_data = array ('name' => 'about' , 'value' => $aboutUser, 'class' => 'text corners', 'rows' => '3');
                echo form_textarea($input_data);
            ?><br />            

        <?php echo form_label('Avatar (max 800ko)', 'userfile'); ?>
        <br />
		<input type="text" id="fileName" class="file_input_textbox corners_left" readonly="readonly" />
			<div class="file_input_div">
				<input type="button" value="" class="file_input_button" />
				<input type="file" name="userfile" class="file_input_hidden" onchange="javascript: document.getElementById('fileName').value = this.value" />
			</div>
			
			<?php

				if (isset($error_avatar_upload)) echo '<div><a href="javascript:();" title="Error box" class="box error corners"><span class="close">&nbsp;</span>'.$error_avatar_upload.'</a></div>' ;
				if (isset($success_avatar_upload)) echo '<div><a href="javascript:();" title="Succes box" class="box succes corners"><span class="close">&nbsp;</span>'.$success_avatar_upload.'</a></div>';  
			?>
    <!-- show avatar -->            
    <img src="<?php echo base_url()?>assets/img/avatar/<?php echo $this->session->userdata('username')?>.jpg" width="96" height="96" alt="Photo 4" />
		
<?php echo form_fieldset_close(); ?>
        
<?php echo form_fieldset('Login Information'); ?>
    <label>Username</label><br />
            <?php 
                $input_data = array ('name' => 'username' , 'value' => $userPseudo, 'class' => 'large_input corners');
                echo form_input($input_data );
            ?><br />
    <label>Password</label><br />
            <?php 
                $input_data = array ('name' => 'password' , 'value' => '', 'class' => 'large_input corners');
                echo form_password($input_data );
            ?>
    <br/><label>Password Confirmation</label><br />
            <?php 
                $input_data = array ('name' => 'password2' , 'value' => '', 'class' => 'large_input corners');
                echo form_password($input_data );
            ?>    
<?php echo form_fieldset_close(); ?>
            
            <?php 
                $input_data = array ('name' => 'submit' , 'value' => 'Apply', 'class' => 'button btn_small');
                echo form_submit($input_data);
            ?>    
                <?php echo validation_errors('<div class="info_error" id="passInfo">'); ?>
                
        <?php form_close(); ?>
</div><!-- end content -->
	</div><!-- end forms panel -->

</div><!-- end column -->


<!-- start panel right column -->
<div class="column" style=" float:right; width:49%;">
	<!-- start panel right panel -->
	<div class="panel corners">
    	<!-- start panel right title -->
		<div class="title corners_top"><h6>General Information</h6></div><!-- end title -->
        <!-- start panel right content -->
		<div class="content">
          <h1>H1 Tag Heading</h1>
          <h2>H2 Tag Heading</h2>
          <h3>H3 Tag Heading</h3>
          <h4>H4 Tag Heading</h4>
          <h5>H5 Tag Heading</h5>
          <h6>H6 Tag Heading</h6>
          <ul class="check_list float_left">
            <li>List style</li>
            <li>List style</li>
            <li>List style</li>
            <li>List style</li>
            <li>List style</li>
          </ul>
          <ul class="wrong_list float_left">
            <li>List style</li>
            <li>List style</li>
            <li>List style</li>
            <li>List style</li>
            <li>List style</li>
          </ul>
          <ol class="number_list float_left">
            <li>List style</li>
            <li>List style</li>
            <li>List style</li>
            <li>List style</li>
            <li>List style</li>
          </ol><br clear="all" />
    <h6>Link style</h6>
		<a href="javascript:();">Link style</a>
</div><!-- end panel right content -->

	</div><!-- end panel right panel -->

</div><!-- end panel right column -->

<div class="clear"></div>




<!-- begin footer -->
    <?php $this->load->view('modules/footer.php'); ?>
<!-- end footer -->

</div><!-- end container -->

</body>
</html>
